<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>wedding</title>
		<!-- 公共样式 -->
		<style>
			/*：通配符 清除h3自带样式 */
			* {
				margin: 0;
			}

			body {
				margin: 0;
			}

			img {
				vertical-align: bottom;
			}

			/* 测试样例 */
			.bd {
				border: 1px solid blue;
			}

			/* 浮动 */
			.fl {
				float: left;
			}

			.fr {
				float: right;
			}

			.w {
				width: 1080px;
				margin: 0 auto;
			}

			/* header区 */
			.header {
				/* margin: 0 auto; */
				/* border: 1px solid red; */
				/* width: 1080px;			 */
			}

			.ad {
				/* margin: 0 auto; */
				/* border: 1px solid blue; */
				/* width: 1080px; */
			}

			.ad1 {
				/* padding: 15px 0px; */
				padding-top: 15px;
				padding-bottom: 15PX;
			}

			.ad2 {}

			/* banner */
			.banner {
				height: 555px;
				padding-top: 15px;
			}

			.banner_ad {
				padding-top: 15px;
			}

			.banner_ad div:nth-child(2) {
				padding: 0 15px;
			}

			/* main */
			.main {}

			.title {
				border-bottom: 2px solid #f6f5f3;
				padding-top: 35px;
				height: 42px;
			}

			.title h3 {
				font-family: "黑体";
				font-size: 24px;
				line-height: 42px;
			}

			/* 品牌 */
			.brand {
				padding-top: 15px;
				height: 460px;
			}

			.brand .fl {
				/* width: 259px; */
				padding-right: 15px;
			}

			.brand .fl:nth-child(4) {
				padding-right: 0;
			}

			/* 风格 */
			.style {
				padding-top: 15px;
				height: 610px;
			}

			.w_style {
				padding-right: 20px;
			}

			.style_text {
				width: 375px;
				height: 220px;
				background-color: #ff6783;
				/* background-image: url(img/style_01_background_03.jpg); */
			}

			.style_text_01 {
				width: 345px;
				margin-left: 20px;
				margin-right: 20px;
				margin-bottom: 23px;
				color: white;
				height: 82px;
				border-bottom: 2px solid #ff8a90;
			}

			.style_text_01 p:nth-child(1) {
				font-size: 22px;
				padding-top: 19px;
			}

			.style_text_01 p:nth-child(2) {
				font-size: 13px;
				padding-bottom: 20px;
			}

			.style_text_02 {
				margin-left: 20px;
			}

			.style_text_02 p {
				border: 0px solid;
				border-radius: 2px;
				/* height: 20px; */
				line-height: 20px;
				font-size: 13px;
				/* letter-spacing: 0px; */
				font-weight: bold;
				color: #ff1c59;
				text-align: center;
				margin-right: 15px;
				margin-bottom: 15px;
				padding: 0px 5px 0px 5px;
				background: url(img/style_01_bd_12.jpg);
			}



			.style_010 {
				padding-top: 15px;
			}

			/* .text_01{
				color: white;
			} */

			.style_02 .fl {
				padding-right: 15px;
				padding-bottom: 15px;
				/* padding: 0, 15px, 15px, 0; */
			}

			.style_02 .fl:nth-child(3n+0) {
				padding-right: 0;
			}

			/* .style_02 .fl:nth-child(6) {
				padding-right: 0;
			}

			.style_02 .fl:nth-child(9) {
				padding-right: 0;
			} */
			/* user用户晒单 */
			.title_user h3 {
				font-family: "黑体";
				color: #FF0000;
				font-size: 18px;
				line-height: 58px;
			}

			.style_user {
				height: 83px;
			}

			/* 奇数 */
			.style_user .fl:nth-child(odd) {
				padding-right: 15px;
			}

			/* 偶数 */
			.style_user .fl:nth-child(even) {
				padding-right: 41px;
			}

			.style_user .fl:nth-child(6) {
				padding-right: 0px;
			}

			/* wedding婚庆 */
			.wedding_style {
				padding-top: 15px;
				/* height: 460px; */
			}

			.wedding_style_n .fl {
				padding-right: 15px;
				padding-bottom: 15px;
				/* padding: 0, 15px, 15px, 0; */
			}

			.wedding_style_n .fl:nth-child(3n) {
				padding-right: 0;
			}

			.w_wedding {
				width: 370px;
			}

			.w_wedding_01 {
				padding-right: 20px;
			}

			.h1 {
				height: 70px;
				padding-bottom: 16px;
			}

			/* .text{
				background-image: url(img/heaader-background_03.jpg);
				height: 40px;
				text-align: center;
			} */
		</style>
	</head>
	<body>
		<!-- <div class="w text">
			首页 婚纱摄影 婚礼策划 婚纱礼服 新娘跟妆 婚宴酒店 聚优惠 精选美图 婚嫁百科 电子请帖
		</div> -->
		<!-- div*3>img -->
		<div class="w header"><img src="img/header.jpg" alt=""></div>
		<div class="w ad1"><img src="img/ad_01.jpg" alt=""></div>
		<div class="w ad2"><img src="img/ad_02.jpg" alt=""></div>
		<!-- 以下为banner区 -->
		<!-- div.banner -->
		<div class="w banner">
			<div class="fl banner_l">
				<div><img src="img/banner_01.jpg" alt=""></div>
				<div class="banner_ad">
					<div class="fl"><img src="img/banner_02.jpg" alt=""></div>
					<div class="fl"><img src="img/banner_03.jpg" alt=""></div>
					<div class="fl"><img src="img/banner_04.jpg" alt=""></div>
				</div>
			</div>
			<div class="fr banner_r"><img src="img/banner_05.jpg" alt=""></div>
		</div>
		<!-- 以下为main区 -->
		<div class="w main">
			<div class="title">
				<h3>品牌</h3>
			</div>
			<div class="brand">
				<!-- div.fl*4>img -->
				<div class="fl"><img src="img/brand_01.jpg" alt=""></div>
				<div class="fl"><img src="img/brand_02.jpg" alt=""></div>
				<div class="fl"><img src="img/brand_03.jpg" alt=""></div>
				<div class="fl"><img src="img/brand_04.jpg" alt=""></div>
			</div>
			<div class="title">
				<h3>风格</h3>
			</div>
			<div class="style">
				<div class="fl w_style">
					<div class="style_text">
						<div class="style_01">
							<div class="style_text_01">
								<p>太原婚纱照精选商家</p>
								<p>Featured businesses</p>
							</div>
							<div class="style_text_02">
								<p class="fl">太原金夫人</p>
								<p class="fl">幸福V摄影</p>
								<p class="fl">罗亚摄影</p>
								<p class="fl">爱萌18号</p>
								<p class="fl">栖溪创意水下摄影</p>
								<p class="fl">布拉格</p>
								<p class="fl">凯瑟琳摄影</p>
								<p class="fl">佳丽新娘婚纱</p>
								<p class="fl">爱尚婚纱摄影</p>
								<p class="fl">卡罗摄影</p>
							</div>
						</div>
					</div>
					<!-- <div><img src="img/style_01.jpg" alt=""></div> -->
					<div class="style_010"><img src="img/style_02.jpg" alt=""></div>
				</div>
				<div class="style_02">
					<div class="fl"><img src="img/style_03.jpg" alt=""></div>
					<div class="fl"><img src="img/style_04.jpg" alt=""></div>
					<div class="fl"><img src="img/style_05.jpg" alt=""></div>
					<div class="fl"><img src="img/style_06.jpg" alt=""></div>
					<div class="fl"><img src="img/style_07.jpg" alt=""></div>
					<div class="fl"><img src="img/style_08.jpg" alt=""></div>
					<div class="fl"><img src="img/style_09.jpg" alt=""></div>
					<div class="fl"><img src="img/style_10.jpg" alt=""></div>
					<div class="fl"><img src="img/style_11.jpg" alt=""></div>
				</div>
			</div>
		</div>

		<!-- 用户晒单 -->
		<div class="w user">
			<div class="title_user">
				<h3>用户晒单</h3>
			</div>
			<div class="style_user">
				<div class="fl"><img src="img/user_01.jpg" alt=""></div>
				<div class="fl"><img src="img/user_02.jpg" alt=""></div>
				<div class="fl"><img src="img/user_03.jpg" alt=""></div>
				<div class="fl"><img src="img/user_04.jpg" alt=""></div>
				<div class="fl"><img src="img/user_05.jpg" alt=""></div>
				<div class="fl"><img src="img/user_06.jpg" alt=""></div>
			</div>
		</div>

		<!-- 婚庆 -->
		<div class="w wedding">
			<div class="title">
				<h3>婚庆</h3>
			</div>
			<div class="wedding_style">
				<div class="fl w_wedding">
					<div><img src="img/wedding_01.jpg" alt=""></div>
					<div><img src="img/wedding_02.jpg" alt=""></div>
					<div>
						<div class="title_user">
							<h3>用户晒单</h3>
						</div>
						<div class="h1">
							<div class="fl w_wedding_01"><img src="img/wedding_03.jpg" alt=""></div>
							<div class="fl"><img src="img/wedding_04.jpg" alt=""></div>
						</div>
						<div>
							<div class="fl w_wedding_01"><img src="img/wedding_05.jpg" alt=""></div>
							<div class="fl"><img src="img/wedding_06.jpg" alt=""></div>
						</div>
					</div>
				</div>
				<div class="wedding_style_n">
					<div class="fl"><img src="img/wedding_07.jpg" alt=""></div>
					<div class="fl"><img src="img/wedding_08.jpg" alt=""></div>
					<div class="fl"><img src="img/wedding_09.jpg" alt=""></div>
					<div class="fl"><img src="img/wedding_10.jpg" alt=""></div>
					<div class="fl"><img src="img/wedding_11.jpg" alt=""></div>
					<div class="fl"><img src="img/wedding_12.jpg" alt=""></div>
				</div>
			</div>
		</div>
		<div class="w" style="height: 522px;"><img src="img/bottom.jpg" alt=""></div>
	</body>
</html>
